﻿
<script src="~/Scripts/jquery-easyui-extensions/tabs/jeasyui.extensions.tabs.getTabs.js"></script>

<div id="tabs1" class="easyui-tabs" data-options="fit:true,border:false">
    <div data-options="title:'标签页1',closable:true" style="padding:15px;">
        标签页1
        <br />
        <a id="btnGetLefts_1" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有标签页</a>
        <br /><br />
        <a id="btnGetRights_1" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有标签页</a>
        <br /><br />
        <a id="btnGetOthers_1" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有标签页</a>
        <br /><br /><br /><br />
        <a id="btnGetClosables" class="easyui-linkbutton" data-options="iconCls:'icon-save'">获取所有可关闭标签页</a>
        <br /><br /><br /><br />
        <a id="btnGetClosableLefts_1" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableRights_1" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableOthers_1" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有可关闭标签页</a>
    </div>
    <div data-options="title:'标签页2',closable:true" style="padding:15px;">
        标签页2
        <br />
        <a id="btnGetLefts_2" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有标签页</a>
        <br /><br />
        <a id="btnGetRights_2" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有标签页</a>
        <br /><br />
        <a id="btnGetOthers_2" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有标签页</a>
        <br /><br /><br /><br />
        <a id="btnGetClosableLefts_2" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableRights_2" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableOthers_2" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有可关闭标签页</a>
    </div>
    <div data-options="title:'标签页3'" style="padding:15px;">
        标签页3
        <br />
        <a id="btnGetLefts_3" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有标签页</a>
        <br /><br />
        <a id="btnGetRights_3" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有标签页</a>
        <br /><br />
        <a id="btnGetOthers_3" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有标签页</a>
        <br /><br /><br /><br />
        <a id="btnGetClosableLefts_3" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableRights_3" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableOthers_3" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有可关闭标签页</a>
    </div>
    <div data-options="title:'标签页4'" style="padding:15px;">
        标签页4
        <br />
        <a id="btnGetLefts_4" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有标签页</a>
        <br /><br />
        <a id="btnGetRights_4" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有标签页</a>
        <br /><br />
        <a id="btnGetOthers_4" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有标签页</a>
        <br /><br /><br /><br />
        <a id="btnGetClosableLefts_4" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableRights_4" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableOthers_4" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有可关闭标签页</a>
    </div>
    <div data-options="title:'标签页5',closable:true" style="padding:15px;">
        标签页5
        <br />
        <a id="btnGetLefts_5" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有标签页</a>
        <br /><br />
        <a id="btnGetRights_5" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有标签页</a>
        <br /><br />
        <a id="btnGetOthers_5" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有标签页</a>
        <br /><br /><br /><br />
        <a id="btnGetClosableLefts_5" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableRights_5" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableOthers_5" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有可关闭标签页</a>
    </div>
    <div data-options="title:'标签页6'" style="padding:15px;">
        标签页6
        <br />
        <a id="btnGetLefts_6" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有标签页</a>
        <br /><br />
        <a id="btnGetRights_6" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有标签页</a>
        <br /><br />
        <a id="btnGetOthers_6" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有标签页</a>
        <br /><br /><br /><br />
        <a id="btnGetClosableLefts_6" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableRights_6" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableOthers_6" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有可关闭标签页</a>
    </div>
    <div data-options="title:'标签页7',closable:true" style="padding:15px;">
        标签页7
        <br />
        <a id="btnGetLefts_7" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有标签页</a>
        <br /><br />
        <a id="btnGetRights_7" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有标签页</a>
        <br /><br />
        <a id="btnGetOthers_7" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有标签页</a>
        <br /><br /><br /><br />
        <a id="btnGetClosableLefts_7" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableRights_7" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableOthers_7" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有可关闭标签页</a>
    </div>
    <div data-options="title:'标签页8',closable:true" style="padding:15px;">
        标签页8
        <br />
        <a id="btnGetLefts_8" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有标签页</a>
        <br /><br />
        <a id="btnGetRights_8" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有标签页</a>
        <br /><br />
        <a id="btnGetOthers_8" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有标签页</a>
        <br /><br /><br /><br />
        <a id="btnGetClosableLefts_8" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页左边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableRights_8" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页右边的所有可关闭标签页</a>
        <br /><br />
        <a id="btnGetClosableOthers_8" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取当前标签页之外的所有可关闭标签页</a>
    </div>
</div>

<script>
    $(function () {

        $("a[id^='btnGetLefts']").click(function () {
            var id = $(this).attr("id"), order = id.split("_")[1];
            var theTabs = $("#tabs1").tabs("leftTabs", "标签页" + order);
            if (theTabs.length) {
                alert("共获取到左边的标签页[" + theTabs.length + "]个，分别是：" + ($.array.map(theTabs, function (item) { return item.panel("options").title; }).join("，")));
            } else {
                alert("未获取到左边的标签页");
            }
        });

        $("a[id^='btnGetRights']").click(function () {
            var id = $(this).attr("id"), order = id.split("_")[1];
            var theTabs = $("#tabs1").tabs("rightTabs", "标签页" + order);
            if (theTabs.length) {
                alert("共获取到右边的标签页[" + theTabs.length + "]个，分别是：" + ($.array.map(theTabs, function (item) { return item.panel("options").title; }).join("，")));
            } else {
                alert("未获取到右边的标签页");
            }
        });

        $("a[id^='btnGetOthers']").click(function () {
            var id = $(this).attr("id"), order = id.split("_")[1];
            var theTabs = $("#tabs1").tabs("otherTabs", "标签页" + order);
            if (theTabs.length) {
                alert("共获取到除当前标签页之外的标签页[" + theTabs.length + "]个，分别是：" + ($.array.map(theTabs, function (item) { return item.panel("options").title; }).join("，")));
            } else {
                alert("未获取到除当前标签页之外的标签页");
            }
        });

        $("#btnGetClosables").click(function () {
            var theTabs = $("#tabs1").tabs("closableTabs");
            if (theTabs.length) {
                alert("共获取到可关闭标签页[" + theTabs.length + "]个，分别是：" + ($.array.map(theTabs, function (item) { return item.panel("options").title; }).join("，")));
            } else {
                alert("未获取到可关闭标签页");
            }
        });

        $("a[id^='btnGetClosableLefts']").click(function () {
            var id = $(this).attr("id"), order = id.split("_")[1];
            var theTabs = $("#tabs1").tabs("leftClosableTabs", "标签页" + order);
            if (theTabs.length) {
                alert("共获取到左边的可关闭标签页[" + theTabs.length + "]个，分别是：" + ($.array.map(theTabs, function (item) { return item.panel("options").title; }).join("，")));
            } else {
                alert("未获取到左边的可关闭标签页");
            }
        });

        $("a[id^='btnGetClosableRights']").click(function () {
            var id = $(this).attr("id"), order = id.split("_")[1];
            var theTabs = $("#tabs1").tabs("rightClosableTabs", "标签页" + order);
            if (theTabs.length) {
                alert("共获取到右边的可关闭标签页[" + theTabs.length + "]个，分别是：" + ($.array.map(theTabs, function (item) { return item.panel("options").title; }).join("，")));
            } else {
                alert("未获取到右边的可关闭标签页");
            }
        });

        $("a[id^='btnGetClosableOthers']").click(function () {
            var id = $(this).attr("id"), order = id.split("_")[1];
            var theTabs = $("#tabs1").tabs("otherClosableTabs", "标签页" + order);
            if (theTabs.length) {
                alert("共获取到除当前标签页之外的可关闭标签页[" + theTabs.length + "]个，分别是：" + ($.array.map(theTabs, function (item) { return item.panel("options").title; }).join("，")));
            } else {
                alert("未获取到除当前标签页之外的可关闭标签页");
            }
        });
    });
</script>

